<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <button @click=" msg= '你好坏' ">修改msg的值</button>
</div>
<script src="../../js/vue.js"></script>
<script>
    new Vue({
        el:"#app",
    data:{
            msg:"你好"
    },
        //写侦听器的地方
        watch:{
            //侦听的数据变化
            //基本数据类型，这两个参数有意义
            msg(newValue,oldValue){
                //侦听到数据变化之后，需要完成的行为。
                console.log('改变了',newValue,oldValue);
            }
        }
    })
</script>
</body>
</html>